<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout" layout:decorate="layout">
	<!-- data-layout-decorator="pages/test"> -->

	<head>
		<meta charset="UTF-8" />
		<title>RA-网络安全风险评估系统</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

		<link href="/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
		<link href="/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" />

		<link href="/css/jquery.mmenu.css" rel="stylesheet" />

		<link href="/css/style.css" rel="stylesheet" />
		<link href="/css/add-ons.min.css" rel="stylesheet" />

		<style type="text/css">
			html,
			body,
			.mm-page,
			.mm-page .content,
			.mm-page .content .row,
			#iframeDiv,
			#iframeDiv iframe {
				width: 100%;
				height: 100%;
				overflow: hidden;
			}
			
			#iframeDiv {
				padding: 140px 37px 38px 278px;
				overflow: auto;
			}
			
			.nav > li:hover {
				background-color:#FFF;
			}
		</style>
	</head>

	<body>
		<div class="navbar" role="navigation">
			<div class="sidebar" style="height: auto;">
				<div class="sidebar-collapse">
					<div class="sidebar-header">
						<img src="../../../../img/logo.png" class="img-responsive" alt="" />
					</div>
				</div>
			</div>

			<div class="container-fluid container-nav">
				<div class="navbar-right">
					<div class="userbox">
						<a th:href="@{/logout}"><span class="name">登出系统</span></a>
					</div>
				</div>
			</div>
		</div>

		<div class="container-fluid content">
			<div class="page-header">
				<div class="pull-left">
					<ol class="breadcrumb visible-sm visible-md visible-lg">
						<li>
							<a th:href="@{/goHome}"><i class="icon fa fa-home"></i>首页</a>
						</li>
						<li id="pageName">项目管理</li>
					</ol>
				</div>
			</div>

			<div class="row" th:fragment="content">
				<div class="sidebar">
					<div class="sidebar-collapse">
						<div class="sidebar-header">
							<div class="img-responsive" ></div>
						</div>
						<div style="overflow-y: scroll;overflow-x:hidden;width: 270px;">
							<nav id="menu" class="nav-main" role="navigation">
								<ul class="nav nav-sidebar" th:if="${menuList?.size() != 0}">
									<li th:each="me,iterState:${menuList}">
										<a th:attr="href='/pro/pageLink/'+${projectId}+'/'+${groupArr}+'/'+${me.id}">
											<i class="fa fa-laptop" aria-hidden="true"></i>
											<span th:text="${me.name}">菜单项</span>
										</a>
									</li>
								</ul>
							</nav>
						</div>
					</div>
					<div class="sidebar-footer" style="display: none;"></div>
				</div>

				<div id="iframeDiv">
					<div id='iframe' frameborder="no" border="0" scrolling="yes" allowtransparency="yes">
						<div class="sidebar-minified">
							<div class="row">
								<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
									<div class="panel panel-default bk-bg-white">
										<div class="panel-heading bk-bg-white">
											<h6><i class="fa fa-table red"></i><span class="break"></span>项目信息表</h6>
										</div>
										<div class="panel-body">
											<table class="table table-bordered table-striped" id="datatable-default">
												<tbody>
													<tr class="gradeX">
														<td width="150px">项目名称</td>
														<td th:text="${project?.project?.name}"></td>
													</tr>
													<tr class="gradeX">
														<td>项目时间</td>
														<td th:text="${project?.project?.createDate}"></td>
													</tr>
													<tr class="gradeX">
														<td>项目描述</td>
														<td th:text="${project?.project?.description}"></td>
													</tr>
													<tr class="gradeX">
														<td>评估范围</td>
														<td th:text="${project?.project?.range}">	</td>
													</tr>
													<tr class="gradeX">
														<td>系统功能</td>
														<td th:text="${project?.project?.functionDesc}">	</td>
													</tr>
													<tr class="gradeX">
														<td>网络拓扑图</td>
														<td>
															<img th:attr="src='../../'+${project?.project?.gplot}" />
														</td>
													</tr>
													<tr class="gradeX">
														<td>依据文件</td>
														<td th:text="${project?.project?.refFile}"></td>
													</tr>
												</tbody>
											</table>
										</div>
									</div>
								</div>

								<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
									<div class="panel panel-default bk-bg-white">
										<div class="panel-heading bk-bg-white">
											<h6><i class="fa fa-table red"></i><span class="break"></span>评估工作组</h6>
										</div>
										<div class="panel-body">
											<table class="table table-bordered table-striped" id="datatable-default"   th:if="${project.userGroupList?.size() != 0}">
												<thead>
													<tr>
														<th>组名</th>
														<th>小组组长</th>
														<th>小组成员</th>
													</tr>
												</thead>
												<tbody>
													<tr class="gradeX" th:each="userGroup,iterState:${project.userGroupList}">
														<td th:text="${userGroup.groupName}"></td>
														<td th:text="${userGroup.headMan}"></td>
														<td th:text="${userGroup.userNames}"></td>
													</tr>
													
												</tbody>
											</table>
										</div>
									</div>
								</div>

							</div>
						</div>

					</div>
				</div>
			</div>
		</div>

		<script src="/vendor/js/jquery-2.1.1.min.js"></script>
		<script src="/vendor/bootstrap/js/bootstrap.min.js"></script>

		<script src="/js/jquery.mmenu.min.js"></script>
		<script src="/js/core.min.js"></script>
	</body>

</html>